<template>
	<!--我关注的小区-->
	<!--https://youzan.github.io/vant/#/zh-CN/intro-->
	<div class="favornewhouse" id="app">
		<!--头部-->
		<myheader></myheader>
		<!--没有数据-->
		<div class="noinfo" v-if="!showlogge">
			<div class="noinfoimg">
				<img src="../../../../static/wfy/slime_01.png" />
			</div>
			<h3 class="showtop">没有关注小区</h3>

		</div>
		<!--有数据-->
		<ul class="houseinfo" v-else-if="showlogge">
			<li>
				<router-link to='/lideta/mydetails'>
					<div><img src="../../../../static/wfy/house03.jpg"></div>
					<div class="housebox">
						<p class="title">招商江湾城</p>
						<p class="details">江北 - 北滨路</p>
						<div class="pricebox">
							<p class="size">2008年建</p>
							<h3 class="pic">19528元/平</h3>
						</div>
					</div>
				</router-link>
			</li>
			<li>
				<router-link to='/lideta/mydetails'>
					<div><img src="../../../../static/wfy/house04.jpg"></div>
					<div class="housebox">
						<p class="title">招商江湾城</p>
						<p class="details">江北 - 北滨路</p>
						<div class="pricebox">
							<p class="size">2008年建</p>
							<h3 class="pic">19528元/平</h3>
						</div>
					</div>
				</router-link>
			</li>
		</ul>

	</div>
</template>
<script>
	import myheader from '@/components/public/myheader'
	export default {
		name: 'favornewhouse',
		data() {
			return {
				showlogge: true
			}
		},
		mounted:function() {
			//判读是否登陆了
			if(localStorage.getItem("nameid")==null||localStorage.getItem("nameid")==undefined||localStorage.getItem("nameid")==""){
				this.$router.push({
					name:'login'
				});
			}
			else{
				
			}
		},
		components: {
			myheader
		},
		methods: {}
	}
</script>

<style scoped="scoped">
	.noinfo {
		width: 100%;
		border-top: 1px solid #ECECEC;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.noinfoimg{
		margin-top: 3.1rem;
	}
	
	
	.showtop {
		width: 100%;
		text-align: center;
		margin-top: 0.4rem;
		color: #6c6b6b;
		font-size: 0.35rem;
		
	}
	
	.noinfo img {
		width: 2rem;
		height: 2.3rem;
	}
	
	.noinfo p {
		margin-top: 0.35rem;
		font-size: 0.3rem;
		color: #101D37;
	}
	
	.houseinfo {
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
	}
	
	.houseinfo li {
		padding: 0.35rem 0;
		box-sizing: border-box;
	}
	
	.houseinfo li>a {
		width: 100%;
		height: 100%;
		display: block;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
	}
	
	.houseinfo li>a img {
		width: 2.09rem;
		height: 1.6rem;
	}
	
	.houseinfo .housebox {
		padding: 0 0.3rem;
		box-sizing: border-box;
	}
	
	.title {
		width: 100%;
		display: inline-block;
		font-size: 0.35rem;
		line-height: 0.4rem;
		color: #101D37;
	}
	
	.details {
		display: inline-block;
		font-size: 0.25rem;
		color: #b2b5b8;
		height: 0.6rem;
		line-height: 0.6rem;
		color: #101D37;
	}
	
	.pricebox {
		display: flex;
		justify-content: space-between;
	}
	
	.pricebox .size {
		font-size: 0.2rem;
		color: #101D37;
	}
	
	.pricebox .pic {
		font-size: 0.3rem;
		color: #fa5741;
	}
</style>